/*!
 * Social - Premium Responsive Admin Template
 * Version: v1.5.1
 * Included: Demostration Style
 *
 * Copyright: 2013 CesarLab.com
 * License: http://themeforest.net/licenses
 *
 * Portions copyright Twitter Bootstrap
 */
/* Tooltips */
.bs-docs-tooltip-examples {
  text-align: center;
  margin: 0 0 10px;
  list-style: none;
}
.bs-docs-tooltip-examples li {
  display: inline;
  padding: 0 10px;
}
.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}
.show-grid [class*="span"] {
  background-color: #eee;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
}
.show-grid [class*="span"]:hover {
  background-color: #ddd;
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  margin-top: 5px;
}
.show-grid [class*="span"] [class*="span"] {
  background-color: #ccc;
}
.show-grid [class*="span"] [class*="span"] [class*="span"] {
  background-color: #999;
}
/*Pure CSS Folder Tree*/
ul.tree,
ul.tree ul {
  list-style-type: none;
  background: url(../img/tree/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}
ul.tree ul {
  margin-left: 10px;
}
ul.tree li {
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  background: url(../img/tree/node.png) no-repeat;
  font-weight: bold;
}
ul.tree li .popover-content {
  font-weight: normal !important;
}
ul.tree li.last {
  background: #ffffff url(../img/tree/lastnode.png) no-repeat;
}
ul.tree li:last-child {
  background: #ffffff url(../img/tree/lastnode.png) no-repeat;
}
.mouse-pointer {
  cursor: pointer;
}
/*Panel##############*/
#demo-setting .header {
  padding: 4px 12px;
  font-weight: bold;
  text-align: center;
}
#demo-setting #colorpickers {
  padding: 4px 12px;
  text-align: center;
}
#demo-setting .simplecolorpicker div {
  width: 22px;
  height: 22px;
}
/**
 * Nestable Extras
 */
.nestable-lists {
  display: block;
  clear: both;
  padding: 30px 0;
  width: 100%;
  border: 0;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
#nestable-menu {
  padding: 0;
  margin: 0;
}
#nestable-output,
#nestable2-output {
  width: 100%;
  height: 7em;
  font-size: 0.75em;
  line-height: 1.333333em;
  font-family: Consolas, monospace;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#nestable2 .dd-handle {
  color: #fff;
  border: 1px solid #999;
  background: #bbb;
  background: -webkit-linear-gradient(top, #bbbbbb 0%, #999999 100%);
  background: -moz-linear-gradient(top, #bbbbbb 0%, #999999 100%);
  background: linear-gradient(top, #bbbbbb 0%, #999999 100%);
}
#nestable2 .dd-handle:hover {
  background: #bbb;
}
#nestable2 .dd-item > button:before {
  color: #fff;
}
@media only screen and (min-width: 700px) {
  .dd {
    float: left;
    width: 48%;
  }
  .dd + .dd {
    margin-left: 2%;
  }
}
.dd-hover > .dd-handle {
  background: #2ea8e5 !important;
}
/*////////////////////////jQUery UI Sliders ///////////////////////*/
#red,
#green,
#blue {
  float: left;
  clear: left;
  width: 90%;
  margin: 15px;
}
#swatch {
  width: 90%;
  height: 100px;
  margin-top: 18px;
  background-image: none;
}
#red .ui-slider-range {
  background: #ef2929;
}
#red .ui-slider-handle {
  border-color: #ef2929;
}
#green .ui-slider-range {
  background: #8ae234;
}
#green .ui-slider-handle {
  border-color: #8ae234;
}
#blue .ui-slider-range {
  background: #729fcf;
}
#blue .ui-slider-handle {
  border-color: #729fcf;
}
#slider.ui-slider-horizontal {
  background: #8ae234;
}
#eq span {
  height: 120px;
  float: left;
  margin: 15px;
}
/* Pulsate  */
#pulse,
.pulse {
  margin: 100px auto 40px;
  width: 250px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  font-size: 11px;
  background-color: #C2C2C2;
  color: #000;
  border-radius: 10px;
  text-align: center;
  text-shadow: none;
}
.pulse {
  margin: 50px;
  float: left;
  width: 210px;
}
/*****************/
.social-mm {
  margin: 0 0 50px;
}
/* Grid demo styles */
.layout-demo,
.grid-demo {
  padding: 10px 20px;
}
.layout-demo [class*="span"] {
  line-height: 80px;
}
.grid-demo [class*="span"] {
  line-height: 30px;
}
.grid-demo [class*="span"],
.layout-demo [class*="span"] {
  background: #eee;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
.grid-demo [class*="span"]:hover,
.layout-demo [class*="span"]:hover {
  background: #ddd;
}
/* End Grid demo styles */
.social-mm .accordion,
.social-mm-nav,
.social-mm table,
.social-mm form,
.social-mm .thumbnails li {
  margin-bottom: 0;
}
